import styled from 'styled-components'

const Condiv1 = styled.div`
    padding:0.16rem 0.1rem 0;
    height:0.8rem;
    background:#fff;
    margin-bottom:0.1rem;
    h2{
        font-size: 0.18rem;
        font-weight: 500;
        color: #333333;
        line-height: 0.18rem;
        margin-bottom:0.19rem;
    }
    p{
        font-size: 0.18rem;
        font-weight: 500;
        color: #333333;
        line-height: 0.18rem;
        span{
            font-size:0.14rem;
            line-height:0.14rem;
            margin-left:0.16rem;
            color: #666666;
        }
    }
`
const Condiv3 = styled.div`
    padding:0 0.1rem;
    background:#fff;
    margin:0.1rem 0;
    height:0.55rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position: relative;
    p>span{
        font-size:0.16rem;
        line-height:0.16rem;
        vertical-align:text-bottom;
        padding:0.06rem 0.06rem 0.06rem 0rem;
    }
    p>i>em{
        color:#308BFE;
        font-size:0.18rem;
        padding-left:0.06rem;
    }
    h3{
        position:absolute;
        top:0.55rem;
        left:0rem;
        border-radius:0.15rem;
        height:1rem;
        color:#308BFE;
        padding:0.08rem;
        text-indent:0.2rem;
        background-color:#eee;
    }

`

// div:nth-child(2){
//     height:0.55rem;
//     display:flex;
//     justify-content:space-between;
//     align-items:center;
//     p{
//         font-size:0.16rem;
//         color:#333;
//     }
//     h4{
//         color:#308BFE;
//         font-size:0.16rem;
//         em{
//             color:#333;
//             margin-left:0.1rem;
//         }
//     }
// }
// div:nth-child(3){
    
// }



const Stpdiv = styled.div`
    width:0.74rem;
    height:0.18rem!important;
    display:flex;
    span{
        display:block;
        width:0.18rem;
        height:0.18rem;
        color:#308BFE;
        text-align:center;
        line-height:0.18rem;
        font-size:0.14rem;
        background: #DCDCDC;
    }
    input{
        outline:none;
        width:0.38rem;
        height:0.18rem;
        border:none;
        text-align:center;

    }
`
export {
    Condiv1,
    Condiv3,
    Stpdiv
}
